<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>贸易系数</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type='text/javascript' src="../static/js/jquery.tips.js"></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/newAdd.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/balance/costRatio.js"></script>
  <script type='text/javascript' src='../static/table/costRatioTable.js'></script>
</head>
<body>
 <div class="top">
	当前位置: 电力结算<span class="comSpanTitle">></span>贸易系数
	<span class="showPosition"><img src="../static/images/icon-reminder.png"/>
  	<span>结算流程:抄表 > 电力结算单 > <span style="color:#03994b">贸易系数</span> > 费用结算</span></span>
 </div>
 <div class="scrollBody">
  	<form class="form-horizontal" id="costRatioSearch">
  		<div class="partWhite paddingBottomTen" id="scrollHeight">
		<input id="balanceMonth" name="balanceMonth" hidden="hidden">
		<input id="FixedRatio" name="fixedRatio" hidden="hidden">
			<div class="partTable marginBottom2Ten">
				<div class="col-sm-1 control-label partConditionTitle">
					<span id="showYear" style="font-size:25px;"></span>
				</div>
				<div class="col-sm-11" id="monthList">
				</div>
			</div>
			<div class="partWhite paddingBottomTen" id="powerAccount">
			  <div class="partTable">
				 <div class="col-sm-12">
		      		<label for="balanceBillID" class="col-sm-1 control-label partConditionTitle">电力结算单:</label>
			        <div class="col-sm-3" style="margin-right:10px">
			           <select id="BalanceBillID" name="BalanceBillID" class="form-control" onchange="changeBill(this.options.selectedIndex)">
		                  <option value="" selected="selected">请选择</option>
		                </select>
			        </div>
		            <label id="ChargingPrice" class="col-sm-5 control-label partConditionTitle" style="text-align:left;color:#ccc;font-weight:normal"></label>
					<button class="btn btn-primary" id="create" type="button" onclick="createRatio()" style="float:right">
						生成预览
					</button>
					<button class="btn btn-primary" id="update" type="button" style="display:none;float:right" onclick="saveRatio()">
						保存
					</button>
			      </div>
		      </div>
	      </div>
			</div>
	      <div class="partWhite paddingBottomTen">
			<div class="partTable">
				<div class="col-sm-12">
			 		<div  class="col-sm-2 separate">
			 			<label>固定贸易系数</label>
			 		</div>
		      		<label for="fixedRatio" class="col-sm-1 control-label partConditionTitle fontGreen" style="width:12%;">固定贸易系数：</label>
			        <div class="col-sm-2 partCondition" style="margin-right:10px">
			           <label id="fixedRatio"></label>
			        </div>
				</div>
			</div>
		</div>
		
	</form>
	<div class="partWhite paddingBottomTen"  id="totalPart">
		<div class="partTable">
			<div class="col-sm-12">
		 		<div class="col-sm-2 separate" id="totalSM">
		 			<label>总贸易系数</label>
		 		</div>
	      		<label for="tradeKWHTotal" class="col-sm-1 control-label partConditionTitle fontGreen  marginRight">总贸易电量：</label>
		        <div class="col-sm-2 partCondition">
		          <label id="tradeKWHTotal"></label>
		        </div>
		        <label for="chargingKWHTotal" class="col-sm-1 control-label partConditionTitle fontGreen  marginRight">总充电量：</label>
		        <div class="col-sm-2 partCondition">
		          <label id="chargingKWHTotal"></label>
		        </div>
		        <label for="chargingStationRatioTotal" class="col-sm-1 control-label partConditionTitle fontGreen  marginRight">总贸易系数：</label>
		        <div class="col-sm-2 partCondition">
		          <label id="chargingStationRatioTotal"></label>
		        </div>
	      	</div>
		</div>
	</div>
	<div class="partWhite">
		<div class="form-group">
			<h4 class="partTitle"><strong>单贸易系数结算</strong></h4>
		</div>
		<div class="partTable">
			<table class="table table-hover" id="costRatioTable">
				<thead id="costRatioThead">
				</thead>
				<tbody id="costRatioTbody">
				</tbody>
			</table>
			<table class="table scrollTable" id="costRatioTable1" hidden="hidden">
   			</table>
  			</div>
	</div>
</div>
</body>
</html>